<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org" lang="cn">

<head>
    <title>Home</title>
    <!-- Meta tag Keywords -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta charset="UTF-8" />
    <meta name="keywords" content=""
    />
    <script>
        addEventListener("load", function () {
            setTimeout(hideURLbar, 0);
        }, false);

        function hideURLbar() {
            window.scrollTo(0, 1);
        }
    </script>
    <!-- Meta tag Keywords -->
    <!-- css files -->
    <link rel="stylesheet" th:href="@{/login/css/style.css}" type="text/css" media="all" />
    <!-- Style-CSS -->
    <link rel="stylesheet" th:href="@{/login/css/fontawesome-all.css}">
</head>

<body>
<!-- bg effect -->
<div id="bg">
    <canvas></canvas>
    <canvas></canvas>
    <canvas></canvas>
</div>
<!-- //bg effect -->
<!-- title -->
<h1>欢迎访问本网站</h1>
<!-- //title -->
<!-- content -->
<div class="sub-main-w3">
    <form th:action="@{/userRegister}" th:method="post">
        <h2>现在注册
            <i class="fas fa-level-down-alt"></i>
        </h2>
        <div class="form-style-agile">
            <label>
                <i class="fas fa-user"></i>
                用户名
            </label>
            <input placeholder="用户名" name="name" type="text" required="">
        </div>
        <div class="form-style-agile">
            <label>
                <i class="fas fa-unlock-alt"></i>
                密码
            </label>
            <input placeholder="密码" name="pwd" type="password" required="">
        </div>
        <!-- checkbox -->
        <!-- //checkbox -->
        <input type="submit" value="注册">
    </form>
</div>
<!-- //content -->

<!-- copyright -->
<!-- <div class="footer">
    <p>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
</div> -->
<!-- //copyright -->

<!-- Jquery -->
<script th:src="@{/login/js/jquery-3.3.1.min.js}"></script>
<!-- //Jquery -->

<!-- effect js -->
<script th:src="@{/login/js/canva_moving_effect.js}"></script>
<!-- //effect js -->

</body>

</html>